// // 日记数据
// const diaries = [
//     {
//         id: 1,
//         title: "React Hooks 深度探索",
//         date: "2023-10-15",
//         excerpt: "今天深入学习了React Hooks的工作原理，特别是useEffect和useState的实现机制...",
//         content: "今天深入学习了React Hooks的工作原理，特别是useEffect和useState的实现机制。Hooks是React 16.8引入的革命性特性，它让函数组件能够拥有状态和生命周期方法。\n\n通过阅读源码和实际编码练习，我理解了Hooks是如何通过链表结构来维护状态的。每个函数组件都有对应的fiber节点，Hooks信息就存储在fiber节点的memoizedState属性中。\n\n我还创建了几个自定义Hook来抽象共享逻辑，这大大提高了代码的可复用性。接下来我计划深入研究useContext和useReducer的优化策略。",
//         image: "https://picsum.photos/400/300?random=1"
//     },
//     {
//         id: 2,
//         title: "TypeScript类型体操挑战",
//         date: "2023-10-12",
//         excerpt: "尝试解决TypeScript类型编程中的一些高级问题，如条件类型和映射类型的组合使用...",
//         content: "今天专注于TypeScript的类型系统，尝试解决一些高级类型问题。TypeScript的类型系统是图灵完备的，这意味着我们可以用它表达非常复杂的类型逻辑。\n\n我练习了条件类型、映射类型和模板字面量类型的组合使用。例如，我创建了一个类型工具，能够将对象的所有属性转换为getter函数：\n\n